 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
     <link rel="stylesheet" href="./bootstrap/bootstrap-3.4.1/dist/css/bootstrap.css">
     <link rel="stylesheet" href="./css/news.css">
     <script src="./jquery.js"></script>
     <script src="./bootstrap/bootstrap-3.4.1/js/dropdown.js"></script>
     <script src="./bootstrap/bootstrap-3.4.1/js/collapse.js"></script>
     <script src="./bootstrap/bootstrap-3.4.1/js/transition.js"></script>
     <!-- <script src="./bootstrap/bootstrap-3.4.1/js/carousel.js"></script> -->
     <title>layabox 新闻动态</title>
 </head>
 <body>
      
 <!-- 导航 -->
  <div class="container-fluid box">

    <!-- 导航栏 -->
    <div class="navbar-wrapper">
        <div class="container">
            <nav class="navbar navbar-inverse navbar-static-top">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#"><img src="./img/index/logo.png" alt="" class="logo"></a>
                    </div>
                    <div id="navbar" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./family.html">Laya家族</a></li>
                            <li><a href="./game.html">游戏</a></li>
                            <li class="active"><a href="./news.html">新闻动态</a></li>
                            <li><a href="#">开发者中心</a></li>
                            <li><a href="#">开发者社区</a></li>
                            <li><a href="#">开发平台</a></li>
                            <li><a href="./aboutus.html">关于我们</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                    aria-haspopup="true" aria-expanded="false">Language <span
                                        class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">中文</a></li>
                                    <li><a href="#">日文</a></li>
                                    <li><a href="#">韩文</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>

        </div>
    </div>
</div>

<main>
    <!-- 头部 -->
    <div class="container-fluid dt">
        <div class="container dt_con">
            <div class="row dt_row">
                <div class="title">
                    <h2>新闻动态</h2>
                </div>

                <div class="pic col-md-4 col-sm-4 col-xs-12">
                    <a href="">
                    <img src="./img/news/图层54.png" alt="">
                     <h5>技术突破：HTML5裸跑性能已可媲美APP</h5>
                    </a>
                </div>
                

                <div class="pic col-md-4 col-sm-4 col-xs-12">
                    <a href="">
                    <img src="./img/news/图层55.png" alt="">
                     <h5  >HTML5干货：LAYAWORLD  TFC秋季特刊</h5>
                    </a>
                </div>
                <div class="pic col-md-4 col-sm-4 col-xs-12 ">
                    <a href="">
                    <img src="./img/news/图层56.png" alt="">
                     <h5 >慕和：手游大作《魔卡幻想》为何移植HTML5</h5>
                    </a>
                </div>
               
            </div>
        </div>
    </div>
<!--案例  -->
    <div class="container-fluid al">
        <div class="container al_con">
            <!-- 一 -->
            <div class="row al_row">
                <a href="">
                <!-- 左 -->
                <div class="pic col-md-3 col-sm-3 hidden-xs ">
                        <img src="./img/news/图层 58.png" alt="">
                </div>
                <!-- 右 -->
                <div class="r col-md-9 col-sm-9 col-xs-12">
                    <h4>技术突破：HTML5裸跑性能已可媲美APP</h4>
                    <h5  >2016-02-25</h5>
                    <h5 >Layabox计划在3月限量内测的LayaAir引擎，通过在低端机型上的性能实测以及即将上线的大型裸跑游戏，证明了
                        HTML5裸跑性能已可媲美APP，性能问题将不再成为制约产业发展的瓶颈。</h5>
                           <button>
                               <a href="">查看详情</a>
                        </button> 
                    </a>
                </div>
            </div>

                 <!--二  -->
                 <div class="row al_row">
                    <!-- 左 -->
                    <div class="pic col-md-3 col-sm-3 hidden-xs ">
                            <img src="./img/news/图层59.png" alt="">
                    </div>
                    <!-- 右 -->
                    <div class="r col-md-9 col-sm-9 col-xs-12">
                        <a href="">
                        <h4>Layabox吹响进军台湾HTML5市场的号角   </h4>
                        <h5>2016-01-29</h5>
                        <h5 >以本届HTML5游戏峰会为契机，Layabox携多款优质大型HTML5手游吹响了进军台湾的号角，与此同时，Layabox与
                            台湾游戏产业同行就游戏开发、游戏发行、平台合作等业务启动了合作的筹备阶段。猴年春节后，将会有多款大型
                            HTML5手游直接登陆台湾游戏市场。</h5>
                               <button>
                                   <a href="">查看详情</a>
                            </button> 
                        </a>
                    </div>
                </div>

                   <!--  三-->
                   <div class="row al_row">
                    <!-- 左 -->
                    <div class="pic col-md-3 col-sm-3 hidden-xs ">
                            <img src="./img/news/图层60.png" alt="">
                    </div>
                    <!-- 右 -->
                    <div class="r col-md-9 col-sm-9 col-xs-12">
                        <a href="">
                        <h4>微信“应用号”后，Layabox与火速移动结盟力推HTML5应用   </h4>
                        <h5>2016-01-15</h5>
                        <h5>HTML5商业引擎提供商Layabox与HTML5应用发行商火速移动（Huosumobi），于2016年1月13日正式宣布双方结
                            成全面战略合作联盟。未来从HTML5应用的市场推广、引擎技术、平台、运营、分发等HTML5应用领域的生态进行
                            全方位合作。</h5>
                               <button>
                                   <a href="">查看详情</a>
                            </button> 
                        </a>
                    </div>
                </div>


                   <!-- 四 -->
                   <div class="row al_row">
                    <!-- 左 -->
                    <div class="pic col-md-3 col-sm-3 hidden-xs ">
                            <img src="./img/news/图层61.png" alt="">
                    </div>
                    <!-- 右 -->
                    <div class="r col-md-9 col-sm-9 col-xs-12">
                        <a href="">
                        <h4>谢成鸿：HTML5引擎将向全行业引擎领域发展   </h4>
                        <h5>2016-01-12</h5>
                        <h5>Layabox总裁谢成鸿讲解了HTML5游戏引擎的现状和未来的发展，认为HTML5的性能突破将淘汰单个行业领域的全
                            能引擎，向全行业引擎领域发展，HTML5的3D引擎时代也会提前到来。</h5>
                               <button>
                                   <a href="">查看详情</a>
                            </button> 
                        </a>
                    </div>
                </div>



                   <!-- 五 -->
                   <div class="row al_row">
                    <!-- 左 -->
                    <div class="pic col-md-3 col-sm-3 hidden-xs">
                            <img src="./img/news/图层62.png" alt="">
                    </div>
                    <!-- 右 -->
                    <div class="r col-md-9 col-sm-9 col-xs-12">
                        <a href="">
                        <h4>Layabox荣膺“2015年度最佳引擎奖”      </h4>
                        <h5>2016-01-07</h5>
                        <h5 >HTML5梦工场举办的”娜喊杯”2015 HTML5年度颁奖盛典于2016年1月7日在北京古北水镇成功举行。Layabox凭借
                            2015年唯一拥有大型HTML5游戏线上产品的商业引擎供应商优势，荣膺“2015年度最佳引擎奖”。</h5>
                               <button>
                                   <a href="">查看详情</a>
                            </button> 
                        </a>
                    </div>
                </div>



                   <!-- 六 -->
                   <div class="row al_row">
                    <!-- 左 -->
                    <div class="pic col-md-3 col-sm-3 hidden-xs ">
                            <img src="./img/news/图层63.png" alt="">
                    </div>
                    <!-- 右 -->
                    <div class="r col-md-9 col-sm-9 col-xs-12">
                        <a href="">
                        <h4>Layabox本月将上线四款大型HTML5游戏     </h4>
                        <h5>2015-12-10</h5>
                        <h5 >Layabox一直致力于大型HTML5引擎技术研发和CP培育，从本月开始，将不断推出大型HTML5游戏，我们希望用自
                            己的努力，提升玩家和渠道对HTML5游戏品质以及盈利能力的信心，推动产业的发展和升级。</h5>
                               <button>
                                   <a href="">查看详情</a>
                            </button> 
                        </a>
                    </div>
                </div>



                   <!-- 七 -->
                   <div class="row al_row">
                    <!-- 左 -->
                    <div class="pic col-md-3 col-sm-3 hidden-xs ">
                            <img src="./img/news/图层64.png" alt="">
                    </div>
                    <!-- 右 -->
                    <div class="r col-md-9 col-sm-9 col-xs-12">
                        <a href="">
                        <h4>关于HTML5游戏跨界合作的几个切入点！      </h4>
                        <h5>2015-12-02</h5>
                        <h5 >要想在当前阶段先跳出来成为瞩目的明星企业。一是制作高品质游戏，兼顾APP与H5市场；二是要深度结合H5技术
                            的无需下载、即点即玩、易传播、跨平台、应用领域广泛等属性</h5>
                               <button>
                                   <a href="">查看详情</a>
                            </button> 
                        </a>
                    </div>
                </div>



                   <!--八  -->
                   <div class="row al_row">
                    <!-- 左 -->
                    <div class="pic col-md-3 col-sm-3 hidden-xs ">
                            <img src="./img/news/图层65.png" alt="">
                    </div>
                    <!-- 右 -->
                    <div class="r col-md-9 col-sm-9 col-xs-12">
                        <a href="">
                        <h4>HTML5行业首次出席中日韩政府级开源论坛      </h4>
                        <h5>2015-11-26</h5>
                        <h5>第十四届东北亚开源软件推进论坛在日本东京举行,本次会议由中日韩三国行业主管部门组织。这是HTML5行业代表
                            首次出市出席东北亚开源软件推进论坛。</h5>
                               <button>
                                   <a href="">查看详情</a>
                            </button> 
                        </a>
                    </div>
                </div>


                     <!-- 九 -->
                     <div class="row al_row">
                        <!-- 左 -->
                        <div class="pic col-md-3 col-sm-3 hidden-xs ">
                                <img src="./img/news/图层66.png" alt="">
                        </div>
                        <!-- 右 -->
                        <div class="r col-md-9 col-sm-9 col-xs-12">
                            <a href="">
                            <h4>Layabox引擎用HTML5还原3D端游   </h4>
                            <h5>2015-11-23</h5>
                            <h5 >老牌游戏研发商中娱正在用Layabox引擎将著名3D 端游《猎刃》还原到HTML5场景中，Layabox有望成为首个拥有
                                重度3D游戏产品案例的HTML5游戏引擎。</h5>
                                   <button>
                                       <a href="">查看详情</a>
                                </button> 
                            </a>
                        </div>
                    </div>








            
        </div>
    </div>
   <!-- 底部 -->
   <div class=" bt">
       <div>
         <button><a href="">36条</a> </button>
         <button><a href=""> 上一页 </a></button>
         <button><a href=""> 1 </a></button>
         <button ><a href="">2</a></button>
         <button ><a href=""> 3 </a></button>
         <button ><a href=""> 4 </a></button>
         <button><a href=""> 下一页 </a></button>
        </div>


   </div>
</main>


<!-- 尾部 -->
<footer>
    <!-- 底部联系 -->
    <div class="bt">
        <div class="container bt_con">
            <div class="row bt_row">
                <div class="txt col-md-9 col-sm-9 col-xs-7">
                    <p>
                        <a href="">公司简介</a>
                        <a href="">联系方式</a>
                        <a href="">人才招聘</a>

                    </p>
                    <p>
                        All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
                    </p>
                </div>


                <div class="bt_pic col-md-3 col-sm-3 col-xs-5">
                    <img src="./img/index/邮箱.png" alt="" class="pic1">
                    <img src="./img/index/二维码.png" alt="" class="ewm">

                    <img src="./img/index/WX.png" alt="" class="pic1">
                    <img src="./img/index/二维码.png" alt="" class="ewm">

                    <img src="./img/index/QQ.png" alt="" class="pic1">
                    <img src="./img/index/二维码.png" alt="" class="ewm">




                </div>


            </div>
        </div>
    </div>
</footer>
 </body>
 </html>
 
